<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux的样式</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./shopList.css" />
    <script type="text/javascript" src="./shopList.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-row justify-between header">
        <img class="image_2" src="../../img/f9067402a33e16cc9b043db9384ca2e0.png" />
        <div class="flex-row space-x-8">
          <img class="image" src="../../img/9499d0011acde2d85db72819672fa4f6.png" />
          <span class="text">Audiozic</span>
        </div>
        <img class="image_3" src="../../img/35f4bb622577a56eeeab89513cb7247b.png" />
      </div>
      <div class="flex-col group">
        <div class="flex-col section">
          <div class="flex-col space-y-21">
            <span class="font_1 text_2">Choose Brand</span>
            <div class="flex-row space-x-20 equal-division">
              <div class="flex-col items-center equal-division-item">
                <img class="image_4" src="../../img/e24197c8d005499b5b0494b297eb2c91.png" />
              </div>
              <div class="flex-col items-center equal-division-item_2">
                <img class="image_5" src="../../img/6668d13a48b67cc9b3eaae090b5617bc.png" />
              </div>
              <div class="flex-col items-center equal-division-item_3">
                <img class="image_6" src="../../img/d02ceb8669ead23fc40788512fb36659.png" />
              </div>
            </div>
          </div>
          <div class="flex-col space-y-10 group_2">
            <span class="font_1 text_3">Beats Products</span>
            <div class="flex-row space-x-13">
              <div class="flex-col items-start group_3">
                <div class="flex-col items-start section_3">
                  <img class="image_9" src="../../img/51a47e3dd73a7dfffa223fc329ed5baa.png" />
                  <span class="font_2 text_4 text_5">Beats Solo3</span>
                  <span class="font_3 text_4 text_7">$249.6</span>
                  <img class="image_13" src="../../img/4915855283bb9af911e3b96e361e7397.png" />
                </div>
                <img class="image_7" src="../../img/37d22d0e6b580fdbb5aaf2eaeae39063.png" />
                <img class="image_8" src="../../img/fe4d391c3091ab2340590fb7bb0f3c6e.png" />
              </div>
              <div class="flex-col items-start group_3">
                <div class="flex-col items-start space-y-8 section_3">
                  <span class="font_2 text_6">Beats Solo Pro</span>
                  <span class="font_3">$160.8</span>
                  <img class="image_14" src="../../img/4915855283bb9af911e3b96e361e7397.png" />
                </div>
                <div class="flex-row items-start space-x-6 section_2">
                  <img class="image_12" src="../../img/8c56dd8989dad88a1239a1db803f7aa7.png" />
                  <img class="image_10 image_11" src="../../img/c1746741530825fcf5048cf59d877d0b.png" />
                </div>
              </div>
            </div>
          </div>
          <div class="flex-col group_4">
            <div class="flex-row space-x-13">
              <div class="flex-col items-start group_3">
                <div class="flex-col items-start space-y-8 section_3">
                  <span class="font_2">Beats Solo</span>
                  <span class="font_3">$225.7</span>
                  <img class="image_14" src="../../img/8cd2a8f6f4459f6edfd8ce65f764965f.png" />
                </div>
                <div class="flex-row items-start space-x-8 section_4">
                  <img class="image_15" src="../../img/9f432ecd63474ed323a690f8023ea2e1.png" />
                  <img class="image_10" src="../../img/c1746741530825fcf5048cf59d877d0b.png" />
                </div>
              </div>
              <div class="flex-col items-start group_3">
                <div class="flex-col items-start space-y-8 section_3">
                  <span class="font_2">Beats EP</span>
                  <span class="font_3">$140.6</span>
                  <img class="image_14" src="../../img/ae95459069dea7fef6a1d05929f120cb.png" />
                </div>
                <div class="flex-row items-start space-x-8 section_5">
                  <img class="image_15" src="../../img/773235b89da1462ec4150ebf12f22170.png" />
                  <img class="image_10" src="../../img/c1746741530825fcf5048cf59d877d0b.png" />
                </div>
              </div>
            </div>
            <div class="flex-col items-center image-wrapper">
              <img class="image_16" src="../../img/daa6230491403721d7d485824a372085.png" />
            </div>
          </div>
        </div>
      </div>
      <div class="flex-row justify-between tab-bar">
        <div class="flex-row space-x-41">
          <img class="image_17" src="../../img/f9163f704051e4070f597d91e12bdfd7.png" />
          <img class="image_17" src="../../img/a2ff9ba4978427321d8901bcf2ee567e.png" />
        </div>
        <div class="flex-row space-x-42">
          <img class="image_17" src="../../img/86548e0617181db65ffc9b1507e2e8dc.png" />
          <img class="image_17" src="../../img/5787ba901c7ceafa993c6cfac58cf242.png" />
        </div>
      </div>
    </div>
  </body>
</html>